<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- ul无序列表 -->
		<ul>
			<li>咖啡</li>
			<li>牛奶</li>
			<li>茶</li>
		</ul>
		<!-- ol有序列表 -->
		<!-- start属性，设置起始序号 -->
		<ol start="10">
			<li>娃哈哈</li>
			<li>康师傅</li>
			<li>养乐多</li>
		</ol>
		<!-- dl自定义列表 -->
		<dl>
			<dt>茶</dt>
			<dd>-我不爱喝</dd>
			<dt>纯牛奶</dt>
			<dd>-我爱喝</dd>
		</dl>
		<p><b>注意：</b> 在 HTML 4中 ul 属性已废弃，HTML5 已不支持该属性，因此我们使用 CSS 代替来定义不同类型的无序列表如下：</p>
		
		<h4>圆点列表：</h4>
		<ul style="list-style-type:disc">
		 <li>Apples</li>
		 <li>Bananas</li>
		 <li>Lemons</li>
		 <li>Oranges</li>
		</ul>  
		
		<h4>圆圈列表：</h4>
		<ul style="list-style-type:circle">
		 <li>Apples</li>
		 <li>Bananas</li>
		 <li>Lemons</li>
		 <li>Oranges</li>
		</ul>  
		
		<h4>正方形列表：</h4>
		<ul style="list-style-type:square">
		 <li>Apples</li>
		 <li>Bananas</li>
		 <li>Lemons</li>
		 <li>Oranges</li>
		</ul>
		<h4>编号列表：</h4>
		<ol>
		 <li>Apples</li>
		 <li>Bananas</li>
		 <li>Lemons</li>
		 <li>Oranges</li>
		</ol>  
		
		<h4>大写字母列表：</h4>
		<ol type="A">
		 <li>Apples</li>
		 <li>Bananas</li>
		 <li>Lemons</li>
		 <li>Oranges</li>
		</ol>  
		
		<h4>小写字母列表：</h4>
		<ol type="a">
		 <li>Apples</li>
		 <li>Bananas</li>
		 <li>Lemons</li>
		 <li>Oranges</li>
		</ol>  
		
		<h4>罗马数字列表：</h4>
		<ol type="I">
		 <li>Apples</li>
		 <li>Bananas</li>
		 <li>Lemons</li>
		 <li>Oranges</li>
		</ol>  
		
		<h4>小写罗马数字列表：</h4>
		<ol type="i">
		 <li>Apples</li>
		 <li>Bananas</li>
		 <li>Lemons</li>
		 <li>Oranges</li>
		</ol>
	</body>
</html>